<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-side"
    >
      <div
        class="ant-pro-layout-bg-list"
      />
      <div
        class="ant-layout"
        style="min-height: 100%; flex-direction: row;"
      >
        <div
          class="ant-pro-layout-container"
          style="position: relative;"
        >
          <header
            class="ant-layout-header ant-pro-layout-header ant-pro-layout-header-header"
          >
            <div
              class="ant-pro-global-header"
            >
              <span
                class="ant-pro-global-header-collapsed-button"
              >
                <span
                  aria-label="menu"
                  class="anticon anticon-menu"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="menu"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
                    />
                  </svg>
                </span>
              </span>
              <span
                class="ant-pro-global-header-logo ant-pro-global-header-logo-mobile"
              >
                <a>
                  <svg
                    height="1em"
                    viewBox="0 0 200 200"
                    width="1em"
                  >
                    <defs>
                      <lineargradient
                        id="linearGradient-1"
                        x1="62.1023273%"
                        x2="108.19718%"
                        y1="0%"
                        y2="37.8635764%"
                      >
                        <stop
                          offset="0%"
                          stop-color="#4285EB"
                        />
                        <stop
                          offset="100%"
                          stop-color="#2EC7FF"
                        />
                      </lineargradient>
                      <lineargradient
                        id="linearGradient-2"
                        x1="69.644116%"
                        x2="54.0428975%"
                        y1="0%"
                        y2="108.456714%"
                      >
                        <stop
                          offset="0%"
                          stop-color="#29CDFF"
                        />
                        <stop
                          offset="37.8600687%"
                          stop-color="#148EFF"
                        />
                        <stop
                          offset="100%"
                          stop-color="#0A60FF"
                        />
                      </lineargradient>
                      <lineargradient
                        id="linearGradient-3"
                        x1="69.6908165%"
                        x2="16.7228981%"
                        y1="-12.9743587%"
                        y2="117.391248%"
                      >
                        <stop
                          offset="0%"
                          stop-color="#FA816E"
                        />
                        <stop
                          offset="41.472606%"
                          stop-color="#F74A5C"
                        />
                        <stop
                          offset="100%"
                          stop-color="#F51D2C"
                        />
                      </lineargradient>
                      <lineargradient
                        id="linearGradient-4"
                        x1="68.1279872%"
                        x2="30.4400914%"
                        y1="-35.6905737%"
                        y2="114.942679%"
                      >
                        <stop
                          offset="0%"
                          stop-color="#FA8E7D"
                        />
                        <stop
                          offset="51.2635191%"
                          stop-color="#F74A5C"
                        />
                        <stop
                          offset="100%"
                          stop-color="#F51D2C"
                        />
                      </lineargradient>
                    </defs>
                    <g
                      fill="none"
                      fill-rule="evenodd"
                      stroke="none"
                      stroke-width="1"
                    >
                      <g
                        transform="translate(-20.000000, -20.000000)"
                      >
                        <g
                          transform="translate(20.000000, 20.000000)"
                        >
                          <g>
                            <g
                              fill-rule="nonzero"
                            >
                              <g>
                                <path
                                  d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
                                  fill="url(#linearGradient-1)"
                                />
                                <path
                                  d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"
                                  fill="url(#linearGradient-2)"
                                />
                              </g>
                              <path
                                d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"
                                fill="url(#linearGradient-3)"
                              />
                            </g>
                            <ellipse
                              cx="100.519339"
                              cy="100.436681"
                              fill="url(#linearGradient-4)"
                              rx="23.6001926"
                              ry="23.580786"
                            />
                          </g>
                        </g>
                      </g>
                    </g>
                  </svg>
                </a>
              </span>
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%;"
              />
              <div
                class="ant-pro-global-header-right-content"
                style="min-width: auto; height: 100%;"
              >
                <div
                  style="height: 100%;"
                >
                  <div
                    style="display: flex; align-items: center; height: 100%; justify-content: flex-end;"
                  >
                    <div
                      class="ant-pro-global-header-header-actions"
                    >
                      <span
                        class="ant-pro-global-header-header-actions-avatar"
                      >
                        <div>
                          <span
                            class="ant-avatar ant-avatar-circle ant-avatar-image"
                            style="width: 28px; height: 28px; font-size: 18px;"
                          >
                            <img
                              src="https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg"
                            />
                          </span>
                          <span
                            style="margin-inline-start: 8px;"
                          >
                            七妮妮
                          </span>
                        </div>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </header>
          <main
            class="ant-layout-content ant-pro-layout-content ant-pro-layout-has-header ant-pro-layout-content-has-page-container"
          >
            <div
              class="ant-pro-page-container ant-pro-page-container-with-footer"
            >
              <div
                class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-ghost"
              >
                <div
                  class="ant-page-header-heading "
                >
                  <div
                    class="ant-page-header-heading-left"
                  />
                  <span
                    class="ant-page-header-heading-extra"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <button
                          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                          type="button"
                        >
                          <span>
                            操 作
                          </span>
                        </button>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <button
                          class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                          type="button"
                        >
                          <span>
                            操 作
                          </span>
                        </button>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <button
                          class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                          type="button"
                        >
                          <span>
                            主操作
                          </span>
                        </button>
                      </div>
                    </div>
                  </span>
                </div>
              </div>
              <div
                class="ant-pro-grid-content"
              >
                <div
                  class="ant-pro-grid-content-children"
                >
                  <div
                    class="ant-pro-page-container-children-container"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border"
                      style="height: 200vh; min-height: 800px;"
                    >
                      <div
                        class="ant-pro-card-body"
                      >
                        <div />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-pro-footer-bar"
              style="width: 100%;"
            >
              <div
                class="ant-pro-footer-bar-left"
              />
              <div
                class="ant-pro-footer-bar-right"
              >
                <button
                  class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                  type="button"
                >
                  <span>
                    重 置
                  </span>
                </button>
                <button
                  class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                  type="button"
                >
                  <span>
                    提 交
                  </span>
                </button>
              </div>
            </div>
          </main>
          <div
            class="ant-pro-layout-has-footer"
            style="height: 64px; margin-block-start: 32px;"
          />
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>